<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.buildWorkRange">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <!-- 楼长制工作范围管理 -->
  <div th:fragment="buildWorkRange">
    <div class="cd-popup3 buildWorkRange-pop buildWorkRange" id="buildWorkRangeModal">
      <div class="cd-popup-container3 manageModal buildWorkRangeStyle">
        <div class="modal-top"></div>
        <div class="modal-title">楼长制工作范围管理</div>

        <div class="tableModal">
          <!-- 楼长制工作范围列表-->
          <div class="buildWorkRangeList">
            <div class="buildWorkRangeSearchBox">
              <input type="text" class="buildWorkRangeSearch notEmptyInput" placeholder="请输入地址">
              <ul class="searchList">
                <!-- TODO -->
              </ul>
              <span class="btnStyle buildWorkRangeSearchBtn" id="buildWorkRangeSearchBtn">搜索</span>
            </div>
            <div class="buildWorkRangeList_scroll">
              <div class=" _panel-box">
                <!-- <span class="buildWorkRange0"><i class="stretchImg stretchImgStyle"></i><i class="text">全部</i></span> -->
                <table>
                  <thead>
                    <tr>
                      <th width="5%">序号</th>
                      <th width="21%">小区名称</th>
                      <th width="21%">楼宇名称</th>
                      <th width="43%">详细地址</th>
                      <th width="10%">所属街道</th>
                    </tr>
                  </thead>
                  <tbody class="tbodyList">
                    <tr style="opacity:0;">
                      <td> 1</td>
                      <th> 1</th>
                      <th> 1</th>
                      <th> 1</th>
                      <th> 1</th>
                    </tr>
                    <tr>
                      <td><input type="checkBox">1 </td>
                      <th>小区名称</th>
                      <th>楼宇名称</th>
                      <th>详细地址</th>
                      <th>所属街道</th>
                    </tr>
                  </tbody>
                </table>

              </div>
            </div>
          </div>
          <!-- 楼长制工作范围列表中的各项内容-->
          <div class="buildWorkRangeItemBox">
            <div class="buildWorkRangeItemTitle">所选楼宇信息展示</div>
            <div class="buildWorkRangeItem">
              <div class=" buildWorkRangeItem_scroll">

                <ul class="_panel-box">
                  <li>1、上城</li>
                  <li>2、上城</li>
                </ul>
              </div>
              <div class="buildWorkRangeConfig">
                  <button class="btn btn-primary cd-popup-close1" style="background-color: #70abe1;border: none;margin-right: 30px;" type="button">取消</button>
                <button class="btn btn-primary buildWorkRangeSubmit" style="background-color: #70abe1;border: none;" type="submit">添加</button>
              </div>
            </div>

          </div>


        </div>
        <a href="javascript:;" class="cd-popup-close closeModal"></a>
      </div>
    </div>


    <script src="/houseMaster/buildWorkRange.js"></script>
  </div>

</body>

</html>